<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
    <!-- 模板 -->
    <div id="app">
        <!-- Vue的内容取值指令（取下面的data中取值） -->
        {{ message }}
    </div>
    <script>
        // Vue 实例，用于控制模板数据操作
        var app = new Vue({
            el: '#app',  // 明确指定模板所在位置
            data: {      // 数据属性，解析模板需要的数据属性
                message: 'Hello Vue!'
            }
        })
    </script>

</body>
</html>